@import './modules/reset';
@import './modules/header';
@import './modules/footer';

.p1{
	width:350px;
	height:140px;
	position: absolute;
	left:20%;
	top:50%;
	margin-top:-70px;
}
.pop{
	width:100%;
	height:300px;
	background:url(/images/a.jpg);
	background-size: 100% 100%;
	margin-bottom:10px;
	position: relative;
	p{
		font-size: 16px;
		height:35px;
		line-height:35px;
	}
	p:nth-child(1){
		font-size: 24px;
		margin-bottom:25px;
	}
	a{
		&:hover{
			text-decoration: underline;
			color:#666666;
		}
	}
}
.op{
	a{
		&:hover{
			text-decoration: underline;
			color:#666666;
		}
	}
	p{
		font-size:18px;
		height:40px;
		line-height:40px;
	}
	p:nth-child(1){
		font-size: 32px;
	}
	p:nth-child(3){
		font-size: 16px;
		width:100px;
		height:40px;
		line-height: 36px;
		margin-top:20px;
		text-align: center;
		border:2px solid black;
		border-radius: 5px;
	}
	p:nth-child(4){
		margin-top:10px;
		font-size: 16px;
	}
	.op8T{
		width:100%;
		height:700px;
		background: url(/images/b.jpg);
		background-size: 100% 100%;
		position: relative;
	}
	.op8{
		width:100%;
		height:700px;
		background: url(/images/c.jpg);
		background-size: 100% 100%;
		position: relative;
	}
	.op8P{
		width:100%;
		height:700px;
		background: url(/images/d.jpg);
		background-size: 100% 100%;
		position: relative;
		.p1{
			width:350px;
			height:140px;
			position: absolute;
			left:50%;
			top:50%;
			margin:{left:-175px;
					top:-70px;}
			p{
				text-align: center;
			}
			p:nth-child(3){
				position: relative;
				left:125px;
			}
		}
	}
}
.saying ul{
	width:100%;
	height:400px;
	// display: flex;
	li{
		img{
			width:100%;
			height:100%;
			float: left;
		}
		width:48%;
		height:380px;
		float: left;
		margin:{
			left:20px;
			top:20px;
		}
		.box{
			width:100%;
			height:100%;
			background: #666666;
			opacity: .5;
			display: none;
			z-index: 2;
		}
		&:hover{
			.box{
				display: block;
			}
			a{
				text-decoration: underline;
				color:#666666;
			}
			overflow: hidden;
			img{
				width:700px;
				height:400px;
				transition: all 1s;
			}
		}
		position: relative;
		.word{
			width:100%;
			position: absolute;
			top:20px;
			p{
				z-index: 3;
				font-size: 16px;
				text-align: center;
				height:40px;
				line-height: 40px;
			}
			p:nth-child(1){
				font-size: 24px;
				margin-top:20px;
			}
		}
	}
}
